.page {
    width: 1920px;
    // height: 4122px;

    .header {
        width: 100%;
        height: 98px;
        // background-color: aqua;
        display: flex;
        justify-content: space-around;
        align-items: center;


        .logo {
            width: 120px;
            // background-color: pink;

        }

        .nav {
            // width: 630px;
            height: 98px;

            // background-color: green;
            ul {
                display: flex;

                li {
                    height: 98px;
                    line-height: 98px;
                    padding: 0 50px;

                    &:hover a {
                        color: #f9a575;
                    }

                    a {
                        color: black;
                        text-decoration: none;
                    }

                    .liebiao {
                        font-size: 30px;
                    }

                    &:hover {
                        color: #f9a575;
                    }
                }
            }
        }
    }

    .footer {
        width: 100%;
        height: 370px;
        // margin-top: 100px;
        background-color: #000000;
        display: flex;
        flex-direction: column;
        justify-content: space-around;

        .ftop {
            display: flex;
            justify-content: space-around;

            .Bottom_link {

                height: 100px;

                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .links {



                    a {

                        text-decoration: none;
                        color: #cccccc;

                    }

                    em {

                        color: #333333;
                        padding: 20px;
                    }
                }

                p {

                    font-size: 16px;
                    color: #333333;

                }

                .cions {
                    display: flex;
                    align-items: center;
                    .cion {
                        width: 24px;
                        margin-right: 5px;
                        a{
                        img {
                            width: 100%;
                            display: block;
                        }
                    }
                    }
                }

            }

            .Border {
                border-left: 3px solid #333333;

            }

            .Bottom_contact {
                display: flex;
                flex-direction: column;
                justify-content: space-between;

                .title {
                    font-size: 16px;

                    h4 {

                        color: #ededed;
                    }
                }

                .content {
                    font-size: 14px;
                    height: 65px;
                    color: #b7b7b7;

                    dt {
                        margin-top: 5px;
                    }
                }
            }

            .Bottom_code {
                height: 100px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;

                .QRcode {
                    width: 80px;

                    img {
                        display: block;
                        height: 100%;
                    }
                }

                p {
                    color: #bababa;
                }
            }
        }

        .fbottom {
            display: flex;
            justify-content: center;

            .copyright {
                height: 12px;

                // img{
                //     display: block;
                //     width: 100%;
                // }
                p {
                    color: #a9a9a9;
                }
            }

        }
    }
}